<div>
    <h1>demo 左右分割</h1>
    <div class="box">
        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div class="box-red">100%</div>
            </div>
            <div nz-col [nzSpan]="16">
                <div class="box-red">100%</div>
            </div>
        </div>
    </div>

    <Hr/>
    <div class="box">
        <div nz-row>
            <div nz-col [nzSpan]="6">
                <div class="box-red">25%</div>
            </div>
            <div nz-col [nzSpan]="6">
                <div class="box-red">25%</div>
            </div>

            <div nz-col [nzSpan]="-1">
                <div class="box-red">25%</div>
            </div>
        </div>
    </div>
    <hr>



    <div class="box">
        <div nz-row nzGutter="16">
            <div nz-col class="gutter-row" nzSpan="6">
                <div class="gutter-box">col-6</div>
            </div>
            <div nz-col class="gutter-row" nzSpan="6">
                <div class="gutter-box">col-6</div>
            </div>
            <div nz-col class="gutter-row" nzSpan="6">
                <div class="gutter-box">col-6</div>
            </div>
            <div nz-col class="gutter-row" nzSpan="6">
                <div class="gutter-box">col-6</div>
            </div>
        </div>
    </div>



</div>